<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gl">

	<head>
		<title>cSans - Grid test</title>

		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="Content-Language" content="gl" />
		<meta name="author" content="A navalla suíza - http://anavallasuiza.com" />

		<link rel="stylesheet" href="../csans/csans.css" type="text/css" />
		<link rel="stylesheet" href="../csans/grid-950-24-10/css/csans-grid-950-24-10.css" type="text/css" />

		<style type="text/css">
			.row div { background: #a4d3ef; }
			.row div div { background: #74adcf; }
			.row .highlight { background: #4c8aaf; }
			.row .content { background: #d1e5ef; }
		</style>
	</head>

	<body>
		<div class="page grid">
			<div class="row t4">
				<div class="col4">col4</div>
				<div class="col4">col4</div>
				<div class="col4">col4</div>
				<div class="col4"><p>col4</p>
					<div class="content">
						content
					</div>
				</div>
				<div class="col4">col4</div>
				<div class="col4">col4</div>
			</div>
			
			<div class="row t4">
				<div class="col12"><p>col12</p>
					<div class="col4">col4</div>
					<div class="col4">col4</div>
					<div class="col4 last">col4 last</div>
				</div>
				<div class="col4"><p>col4</p>
					<div class="content p1">
						content p1
					</div>
				</div>
				<div class="col4">col4</div>
				<div class="col4">col4</div>
			</div>
			
			<div class="row t4">
				<div class="col12 l-2"><p>col12 l-2</p>
					<div class="col4">col4</div>
					<div class="col4">col4</div>
					<div class="col4 last">col4 last</div>
				</div>
				<div class="col4"><p>col4</p>
					<div class="content p2">
						content p2
					</div>
				</div>
				<div class="col4">col4</div>
				<div class="col6">col6</div>
			</div>
			
			<div class="row t4">
				<div class="col12 l-2"><p>col12 l-2</p>
					<div class="col4">col4</div>
					<div class="col4 l-1 t1 highlight">col4 l-1 t1</div>
					<div class="col5 last">col5 last</div>
				</div>
				<div class="col4"><p>col4</p>
					<div class="content p2">
						content p2
					</div>
				</div>
				<div class="col4">col4</div>
				<div class="col6">col6</div>
			</div>
			
			<div class="row t4">
				<div class="col12 l-2"><p>col12 l-2</p>
					<div class="col4">col4</div>
					<div class="col4 l-1 t1 highlight">col4 l-1 t1</div>
					<div class="col5 last">col5 last</div>
				</div>
				<div class="col4"><p>col4</p>
					<div class="content p2">
						content p2
					</div>
				</div>
				<div class="col4">col4</div>
				<div class="col6 r-1 right">col6 r-1 right</div>
			</div>
			
			<div class="row t4">
				<div class="col12 l-2"><p>col12 l-2</p>
					<div class="col4">col4</div>
					<div class="col4 l-1 t1 highlight">col4 l-1 t1</div>
					<div class="col5 last">col5 last</div>
				</div>
				<div class="col4"><p>col4</p>
					<div class="content p2">
						content p2
					</div>
				</div>
				<div class="col4">col4</div>
				<div class="col6 r-1 right"><p>col6 r-1 right</p>
					<div class="col4 l-2">col4 l-2</div>
				</div>
			</div>
			
			<div class="row t4">
				<div class="col12 l-2"><p>col12 l-2</p>
					<div class="col4">col4</div>
					<div class="col4 l-1 t1 highlight">col4 l-1 t1</div>
					<div class="col5 r-1 colright">col5 r-1 colright</div>
				</div>
				<div class="col4"><p>col4</p>
					<div class="content p2">
						content p2
					</div>
				</div>
				<div class="col4">col4</div>
				<div class="col6 r-1 right"><p>col6 r-1 right</p>
					<div class="col4 l-2">col4 l-2</div>
				</div>
			</div>
			
			<div class="row t4">
				<div class="col12 l-2"><p>col12 l-2</p>
					<div class="col4">col4</div>
					<div class="col4 l-1 t1 highlight">col4 l-1 t1</div>
					<div class="col5 r-1 colright">col5 r-1 colright</div>
				</div>
				<div class="col4 r-1 highlight"><p>col4 r-1</p>
					<div class="content p2">
						content p2
					</div>
				</div>
				<div class="col4">col4</div>
				<div class="col6 r-1 right"><p>col6 r-1 right</p>
					<div class="col4 l-2">col4 l-2</div>
				</div>
			</div>
		</div>
	</body>
</html>